<template>
	<view class="content">

		<customNavbar :title="$t('sidebar.wallet')" @toTime="toTime" />
		<view class="user">
			<img src="../../static/img/user.png">
			<text>{{walletAddress.substring(0,4)}}****{{walletAddress.substr(-4)}}</text>
		</view>
		<view class="money">
			${{money}}
		</view>
		<view class="catgary">
			<view class="cat_item" @click="toDetail('Charge')">
				<view class="img">
					<img src="../../static/img/Charge.png" alt="">
				</view>
				<view>{{$t('wallet.Charge')}}</view>
			</view>
			<view class="cat_item" @click="toDetail('embody')">
				<view class="img">
					<img src="../../static/img/embody.png" alt="">
				</view>
				<view>{{$t('wallet.embody')}}</view>
			</view>
			<view class="cat_item" @click="toDetail('exchange')">
				<view class="img">
					<img src="../../static/img/exchange.png" alt="">
				</view>
				<view>{{$t('wallet.exchange')}}</view>
			</view>
			<view class="cat_item" @click="toDetail('Transfer')">
				<view class="img">
					<img src="../../static/img/Transfer.png" alt="">
				</view>
				<view>{{$t('wallet.Transfer')}}</view>
			</view>
		</view>
		<view class="notice">
			<u-notice-bar :text="notice" @click="showmore()"></u-notice-bar>
		</view>
		<u-popup :show="noticeshowmore" mode="center" :closeable="true" @close="noticeshowmore = false" :round="20">
			<view class="noticepopup">
				<view style="margin-bottom: 20rpx;">{{$t('first.title139')}}</view>
				<view v-html="notice"></view>
			</view>
		</u-popup>
		<view class="baiping" v-if="falses">
			<u-popup :show="falses" mode="center" :closeable="false" @close="falses = false" :round="20">
				<view class="noticepopup">
					<view>{{falsesmsg}}</view>
					<!-- <view class="baipingbtn" @click="falses = false">{{$t('first.title140')}}</view> -->
				</view>
			</u-popup>
		</view>
		<view class="balance">
			<view class="balance_cat">
				<view @click="selectCat(1)">
					{{$t('wallet.Crypto')}}
					<view class="gang" v-if="catNum == 1"></view>
				</view>
				<view @click="selectCat(2)">
					{{$t('wallet.Profit')}}
					<view class="gang" v-if="catNum == 2"></view>
				</view>
			</view>
			<view class="balance_list">
				<view class="list_item" v-for="(item,index) in list" :key="index" @click="goindexdetail(item.id)">
					<view class="flex">
						<img :src="baseurl + item.logo" alt="">
						<view class="item_name" v-if="catNum == 1">{{item.code}}</view>
						<view class="item_name" v-if="catNum == 2 && item.code != 'DKC'">{{item.code}}D</view>
						<view class="item_name" v-if="catNum == 2 && item.code == 'DKC'">{{item.code}}</view>
					</view>
					<view class="item_price">
						<view class="" style="text-align: right;font-size:34rpx;">{{item.balance}}</view>
						<view class="" style="text-align: right;color:#666">${{item.usdt_balance}}</view>
					</view>
				</view>
			</view>
		</view>
		<!-- <view class="qiun-charts">
			<qiun-data-charts type="candle" :opts="opts" :chartData="chartData" :disableScroll="true" :ontouch="true"
				:onzoom="true" />
		</view> -->
		<view class="iframe1">
			<iframe :src="baseurl+'/api/klinelist'" frameborder="0"></iframe>
			<view class="iframezzc">
				<view class="iframezzcitem" v-for="item in 7" @click="iframeclick(item)"></view>
			</view>
		</view>
		<view class="_seckillsddTitle">
			<p>{{$t('first.title138')}}</p>
			<image src="../../static/img/more.png" mode=""></image>
		</view>
		<view class="_seckill">
			<scroll-view scroll-x="true" class="_seckillBox">
				<view class="_seckill_item" v-for="(item,index) in newAlllist" :key="index"
					@click="getNewDetalis(item.id)">
					<view class="_seckill_item_img">
						<!-- <image src="../../static/img/1.png" mode="" ></image> -->
						<image :src="item.banner" mode=""></image>
					</view>
					<view class="dfsdf">
						<view class="_seckill_title">{{item.title}}</view>
					</view>
				</view>
			</scroll-view>
		</view>

		<view class="indexbottom">
			<view class="ibtop">
				<img src="../../static/img/b1.png" alt="" />
				<img src="../../static/img/b2.png" alt="" />
				<img src="../../static/img/b3.png" alt="" />
				<img src="../../static/img/b4.png" alt="" />
				<img src="../../static/img/b5.png" alt="" />
				<img src="../../static/img/b6.png" alt="" />
			</view>
			<view class="ibcon">
				<view class="ibcons">
					<img src="../../static/img/7.png" alt="" />
					<view class="texg">element</view>
				</view>
				<view class="texg1">The Frist Community-drive Aggregated Marketplace</view>
				<view class="texg2">
					<img @click="opens('https://www.facebook.com/Biworld.appcom/')" src="../../static/img/facebook.png" alt="" />
					<img @click="opens('https://t.me/biworldco')" src="../../static/img/telegram.png" alt="" />
					<img @click="opens2" style="width: 60rpx;" src="../../static/img/youxiang.png" alt="" />
					<img @click="opens('https://whatsapp.com/channel/0029VaTpZ7WE50UeCg9wGi1F')" src="../../static/img/whatsapp.png" alt="" />
					<!-- <img @click="opens" style="width: 60rpx;" src="../../static/img/tuite.png" alt="" /> -->
				</view>
				<view class="texg3">
					<view class="ibitems">{{$t('first.title141')}}</view>
					<view class="ibitems">{{$t('first.title142')}}</view>
					<view class="ibitems">{{$t('first.title143')}}</view>
					<view class="ibitems">{{$t('first.title144')}}</view>
					<view class="ibitems">API</view>
					<view class="ibitems">{{$t('first.title145')}}</view>
					<view class="ibitems">{{$t('first.title146')}}</view>
					<view class="ibitems">{{$t('first.title147')}}</view>
				</view>
			</view>
		</view>

		<u-popup :show="show4" :mode="'center'">
			<view class="popupcon1">
				<view class="mask_title">{{$t('wallet.shengji')}}</view>
				<view class="mask_title">{{$t('wallet.shengji2')}}</view>
				<view class="mask_btn">
					<view @click='show4 = false'>{{$t('wallet.shengji3')}}</view>
				</view>
			</view>
		</u-popup>



	</view>
</template>

<script>
	import customNavbar from './navigationBar.vue'

	import {
		domain
	} from '../../config/domain.js'
	export default {
		components: {
			customNavbar
		},
		data() {
			return {
				falses:true,
				falsesmsg:'',
				money: 0,
				catNum: 1,
				list: [],
				notice:'',
				noticelist:[],
				noticeshowmore:false,
				baseurl: '',
				userinfo: {
					mobile: ''
				},
				show4: false,
				walletAddress: '',
				invite_code: '',
				newAlllist: [],
				// kline
				chartData: {},
				//您可以通过修改 config-ucharts.js 文件中下标为 ['candle'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
				opts: {
					rotate: false,
					rotateLock: false,
					color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
						"#ea7ccc"
					],
					padding: [15, 15, 0, 15],
					dataLabel: false,
					enableScroll: true,
					enableMarkLine: true,
					legend: {},
					xAxis: {
						labelCount: 4,
						itemCount: 40,
						disableGrid: true,
						gridColor: "#CCCCCC",
						gridType: "solid",
						dashLength: 4,
						scrollShow: true,
						scrollAlign: "left",
						scrollColor: "#A6A6A6",
						scrollBackgroundColor: "#EFEBEF"
					},
					yAxis: {},
					extra: {
						candle: {
							color: {
								upLine: "#f04864",
								upFill: "#f04864",
								downLine: "#2fc25b",
								downFill: "#2fc25b"
							},
							average: {
								show: true,
								name: [
									"MA5",
									"MA10",
									"MA30"
								],
								day: [
									5,
									10,
									20
								],
								color: [
									"#1890ff",
									"#2fc25b",
									"#facc14"
								]
							}
						},
						markLine: {
							type: "dash",
							dashLength: 5,
							data: [{
									value: 2150,
									lineColor: "#f04864",
									showLabel: true
								},
								{
									value: 2350,
									lineColor: "#f04864",
									showLabel: true
								}
							]
						},
						tooltip: {
							showCategory: true
						}
					}
				}
			}
		},
		onLoad() {
			this.falsesmsg = this.$t('error.title1');
			if (!this.$route.query.i) {
				// this.has = 0;
				this.invite_code = uni.getStorageSync('invite_code');
			} else {
				this.invite_code = this.$route.query.i;
				uni.setStorageSync('invite_code', this.invite_code);
			}
			this.baseurl = domain;
		},
		onShow() {
			this.getnotice()
			this.walletconnect()
			// this.test()
			this.getAlllist()
			
		},
		onReady() {
			// this.getServerData();
		},
		methods: {
			getServerData() {
				
			},
			opens(url) {
				window.open(url)
			},
			opens2(){
				// location.href='mailto:biworldwallet@gmail.com';
				uni.setClipboardData({
					data:'biworldwallet@gmail.com',//要被复制的内容
					success:()=>{//复制成功的回调函数
						uni.showToast({//提示
							icon:'none',
							title:this.$t('first.title115')
						})
					}
				});
			},
			test(){
				var that = this;
						that.walletAddress = 'TSUQy9BVmnD15TkPMUygTDzPFEYZGhB2Zm';
							var url = domain + 'api/loginAddress';
							var data = {
								account: that.walletAddress,
								invite_code: that.invite_code
							};
							uni.request({
								url,
								method: 'post',
								data,
								header: {
									'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
									'Lang': uni.getStorageSync('lang')
								},
								success: res => {
									console.log(res,321)
									if (res.data.code == 0) {
										this.falses = true
										this.falsesmsg = res.data.msg
									} else {
										that.falses = false;
										uni.setStorageSync('token', res.data.data.token);
										uni.setStorageSync('userinfo', res.data.data);
										that.info();
										that.getlist();
										if(res.data.data.has_pay_psd != 1){
											uni.navigateTo({
												url:'/pages/login/forgotpsd'
											})
										}
									}
						
								}
							});
						
			},
			walletconnect() {
				var that = this;
				if (window.ethereum) {
					that.falses = false;
					window.ethereum.enable().then((res) => {
						that.walletAddress = res[0];
						if (that.walletAddress) {
							var url = domain + 'api/loginAddress';
							var data = {
								account: that.walletAddress,
								invite_code: that.invite_code
							};
							uni.request({
								url,
								method: 'post',
								data,
								header: {
									'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
									'Lang': uni.getStorageSync('lang')
								},
								success: res => {
									console.log(res,321)
									if (res.data.code == 0) {
										this.falses = true
										this.falsesmsg = res.data.msg
									} else {
										uni.setStorageSync('token', res.data.data.token);
										uni.setStorageSync('userinfo', res.data.data);
										that.info();
										that.getlist();
										if(res.data.data.has_pay_psd != 1){
											uni.navigateTo({
												url:'/pages/login/forgotpsd'
											})
										}
									}
						
								}
							});
						} else {
							that.$u.toast(that.$t('error.title1'));
							return;
						}
					})
				} else if (window.tronWeb) {
					that.falses = false;
					that.tronWeb =  window.tronWeb;
					that.walletAddress = that.tronWeb.defaultAddress.base58;
					if (that.walletAddress) {
						var url = domain + 'api/loginAddress';
						var data = {
							account: that.walletAddress,
							invite_code: that.invite_code
						};
						uni.request({
							url,
							method: 'post',
							data,
							header: {
								'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
								'Lang': uni.getStorageSync('lang')
							},
							success: res => {
								if (res.data.code == 0) {
									this.falses = true
									this.falsesmsg = res.data.msg
								} else {
									uni.setStorageSync('token', res.data.data.token);
									uni.setStorageSync('userinfo', res.data.data);
									that.info();
									that.getlist();
									if(res.data.data.has_pay_psd != 1){
										uni.navigateTo({
											url:'/pages/login/forgotpsd'
										})
									}
								}
					
							}
						});
					} else {
						that.$u.toast(that.$t('error.title1'));
						return;
					}
				}
				
			},
			iframeclick(e){
				uni.navigateTo({
					url:'/pages/index/iframe?url=api/klinedetail?a=' + e
				})
			},
			getAlllist() {
				var url = domain + 'api/news/all_list?category_id=102';
				var mytype = 'get';
				var userinfo = uni.getStorageSync('userinfo');
				uni.request({
					url,
					method: mytype,
					header: {
						'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
						'Lang': uni.getStorageSync('lang'),
						'AUTHORIZATION': userinfo.token,
					},
					success: res => {
						console.log(res.data);
						this.newAlllist = res.data.data.list[0].news;
					},
					fail: (err) => {
						console.log(err)
					},
				});
			},
			getnotice(){
				var url = domain + 'api/default/setting?key=inform_notice';
				var mytype = 'get';
				var userinfo = uni.getStorageSync('userinfo');
				uni.request({
					url,
					method: mytype,
					header: {
						'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
						'Lang': uni.getStorageSync('lang'),
						'AUTHORIZATION': userinfo.token,
					},
					success: res => {
						this.noticelist = JSON.parse(res.data.data)
						this.setnotice()
					},
					fail: (err) => {
						console.log(err)
					},
				});
			},
			setnotice(){
				let lang = this.$i18n.locale;
				if(lang == 'en'){
					this.notice = this.noticelist.en.slice(3,-4)
				}else if(lang == 'zh'){
					this.notice = this.noticelist.zh.slice(3,-4)
				}else if(lang == 'de'){
					this.notice = this.noticelist.de.slice(3,-4)
				}else if(lang == 'ft'){
					this.notice = this.noticelist.ft.slice(3,-4)
				}else if(lang == 'jp'){
					this.notice = this.noticelist.jp.slice(3,-4)
				}else if(lang == 'ko'){
					this.notice = this.noticelist.ko.slice(3,-4)
				}else if(lang == 'ru'){
					this.notice = this.noticelist.ru.slice(3,-4)
				}else if(lang == 'th'){
					this.notice = this.noticelist.th.slice(3,-4)
				}
			},
			showmore(){
				this.noticeshowmore = true
			},
			goindexdetail(e) {
				uni.navigateTo({
					url: './indexdetail?id=' + this.catNum + '&ids=' + e
				})
			},
			info() {
				var url = domain + 'api/user/info';
				var mytype = 'get';
				var userinfo = uni.getStorageSync('userinfo');
				var that = this;
				uni.request({
					url,
					method: mytype,
					header: {
						'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
						'Lang': uni.getStorageSync('lang'),
						'AUTHORIZATION': userinfo.token,
					},
					success: res => {
						if (res.data.code == 999) {

						} else {
							that.userinfo = res.data.data;
						}

					}
				});
			},
			getlist() {
				var url = domain + 'api/user/currency?type=' + this.catNum;
				var mytype = 'get';
				var userinfo = uni.getStorageSync('userinfo');
				// uni.showLoading({
				// 	title: '加载中',
				// 	mask: true
				// });
				// uni.showLoading({});
				uni.request({
					url,
					method: mytype,
					header: {
						'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
						'Lang': uni.getStorageSync('lang'),
						'AUTHORIZATION': userinfo.token,
					},
					success: res => {
						if (this.catNum == 1) {
							this.list = res.data.list1
						} else {
							this.list = res.data.list2
						}
						this.money = res.data.total
						// uni.hideLoading();
					},
					fail: (err) => {
						console.log(err)
					},
					// complete: () => {
					// 	setTimeout(function() {
					// 		uni.hideLoading();
					// 	}, 1000);
					// }
				});
			},
			toTime() {
				console.log(1111);
				this.setnotice()
			},
			selectCat(num) {
				this.catNum = num

				this.getlist()
			},
			toDetail(url) {
				uni.navigateTo({
					url: `/pages/index/${url}`
				})
			},
			getNewDetalis(id) {
				uni.navigateTo({
					url: './newsInfo?id=' + id
				})
			},
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #ecf0f5;
	}

	.qiun-charts {
		width: 750upx;
		height: 500upx;
		background-color: #FFFFFF;
	}

	._seckill {
		width: 96%;
		margin: 0px auto 0;
	}

	/deep/ .uni-scroll-view-content {
		display: flex;
		justify-content: space-between;
	}

	._seckillBox {
		width: 100%;
		// white-space: nowrap;
		margin-top: 15px;
	}

	._seckill scroll-view {}

	._seckillsddTitle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 94%;
		margin: 0px auto 0;
		padding-top: 10px;
		box-sizing: border-box;
		font-size: 16px;
		color: #000;
		font-weight: 600;

		image {
			width: 13px;
			height: 13px;
		}
	}

	._seckill ._seckill_item {
		width: 400rpx;
		margin-right: 10px;
		background-color: #f8f8f8;
		border-radius: 10px;
	}

	._seckill_item ._seckill_item_img image {
		width: 400rpx;
		height: 150px;
	}

	.content {
		overflow: hidden;
		position: relative;
	}

	.flex {
		display: flex;
		align-items: center;
	}
	._seckill_title{
		overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;
		    height: 50px;
	}
	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
		background-color: #ecf0f5;
	}

	.top {
		box-sizing: border-box;
		padding: 0 60rpx;
		height: 88rpx;
		width: 100%;
		color: #fff;
		text-align: center;
		line-height: 88rpx;
		position: relative;
		background: #ecf0f5;
	}

	.tops {
		box-sizing: border-box;
		padding: 0 60rpx;
		height: 88rpx;
		width: 100%;
		color: #000;
		text-align: center;
		line-height: 88rpx;
		position: relative;
		background: #ecf0f5;
	}

	.flLet {
		position: absolute;
		left: 20rpx;
		display: flex;
		align-self: center;
		font-size: 28rpx;
	}

	.flLet image {
		width: 16rpx;
		height: 26rpx;
		margin-top: 27rpx;
		margin-right: 10rpx;
	}

	.fright {
		position: absolute;
		right: 20rpx;
		top: 0;
		display: flex;
		align-self: center;
		font-size: 28rpx;
	}

	.fright image {
		width: 34rpx;
		height: 34rpx;
		margin-top: 27rpx;
		margin-right: 10rpx;
	}

	.user {
		width: 250rpx;
		margin: 50rpx auto;
		display: flex;
		align-items: center;
		font-weight: 600;
		color: #414141;
		background-color: #fff;
		border-radius: 40rpx;
		padding: 10rpx;
		font-size: 24rpx;

		img {
			width: 32rpx;
			height: 32rpx;
			margin-right: 10rpx;
		}
	}

	.money {
		width: 100%;
		text-align: center;
		font-weight: 800;
		font-size: 48rpx
	}

	.catgary {
		margin-top: 60rpx;
		display: flex;
		align-items: center;
		font-size: 30rpx;

		.cat_item {
			flex: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
			font-weight: 800;

			.img {
				width: 115rpx;
				height: 115rpx;
				background: #fff;
				box-shadow: 0 20rpx 60rpx 0 #7b838b38;
				border-radius: 40rpx;
				margin-bottom: 34rpx;
				display: flex;
				justify-content: center;
				align-items: center;

				img {
					width: 70rpx;
					height: 70rpx;
				}
			}
		}
	}
	.notice{
		margin-top: 30rpx;
	}
	/deep/ .u-popup__content{
		width: 85%;
	}
	.noticepopup{
		padding: 50rpx;
		border-radius: 20rpx;
		background-color: #fff;
		max-height:300px;
		overflow-y:auto;
	}
	.balance {
		margin-top: 30rpx;
		width: 100%;
		box-shadow: 26rpx 26rpx 0 #f1f4f6;
		border-radius: 50rpx 50rpx 0 0;
		padding: 50rpx;
		box-sizing: border-box;
		background-color: #fff;

		.balance_cat {
			display: flex;
			align-items: center;
			height: 80rpx;
			font-size: 34rpx;
			margin-bottom: 35rpx;

			view {
				flex: 1;
				height: 100%;
				text-align: center;
				position: relative;
				font-weight: 800;

				.gang {
					position: absolute;
					bottom: 0;
					left: 120rpx;
					width: 80rpx;
					height: 5rpx;
					background-color: #ffb105
				}
			}
		}

		.balance_list {
			width: 90%;
			margin: 10rpx 5% 0;

			.list_item {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 55rpx;

				img {
					width: 50rpx;
					height: 50rpx;
					margin-right: 20rpx;
				}

				.item_name {
					font-weight: 600;
					font-size: 30rpx;
				}

				.item_price {
					font-size: 28rpx;

					view:nth-child(1) {
						font-weight: 600
					}
				}
			}
		}
	}












	/deep/ .u-popup__content {
		background-color: transparent;
	}

	.popupcon {
		width: 538rpx;
		height: 492rpx;
		border-radius: 50rpx;
		background-color: #fff;
	}

	.popupcon1 {
		width: 538rpx;
		border-radius: 50rpx;
		padding: 50rpx;
		box-sizing: border-box;
		background-color: #fff;
	}

	.mask_title {
		width: 100%;
		text-align: center;
		margin-bottom: 40rpx;
	}

	.mask_btn {
		width: 100%;
		margin-top: 30rpx;
		height: 90rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.mask_btn view {
		flex: 1;
		height: 90rpx;
		text-align: center;
		line-height: 90rpx;
		margin: 0 10rpx;
		border-radius: 20rpx;
	}


	.mask_btn view:nth-child(1) {
		background-color: #222222;
		color: #fff;
	}

	.indexbottom {
		width: 100%;
		height: auto;
		margin-top: 100rpx;
		background-color: #fff;
		box-sizing: border-box;

		.ibtop {
			width: 100%;
			padding: 40rpx 50rpx;
			padding-bottom: 0;
			border-bottom: 1rpx solid #ddd;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			box-sizing: border-box;

			img {
				width: 26%;
				margin-right: 9%;
				margin-bottom: 40rpx;
				height: 60rpx;
			}

			img:nth-child(3n) {
				margin-right: 0;
			}
		}

		.ibcon {
			width: 100%;
			margin-top: 70rpx;
			padding: 40rpx 50rpx;
			padding-top: 0;
			box-sizing: border-box;

			.ibcons {
				width: 100%;
				display: flex;
				justify-content: flex-start;
				align-items: center;

				img {
					width: 50rpx;
					margin-right: 20rpx;
				}

				.texg {
					font-size: 40rpx;
					color: #000;
				}
			}

			.texg1 {
				font-size: 28rpx;
				color: #000;
				margin-top: 14rpx;
			}

			.texg2 {
				width: 100%;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-top: 20rpx;

				img {
					width: 50rpx;
					margin-right: 20rpx;
				}
			}

			.texg3 {
				width: 100%;
				display: flex;
				justify-content: flex-start;
				flex-wrap: wrap;
				align-items: center;
				margin-top: 20rpx;

				.ibitems {
					font-size: 28rpx;
					color: #196d54;
					margin-right: 34rpx;
				}
			}
		}
	}
	
	.dfsdf{
		padding: 20rpx;
		padding-bottom: 40rpx;
		background-color: #ddd;
		color: #000;
		border-bottom-left-radius: 20rpx;
		border-bottom-right-radius: 20rpx;
	}
	
	.iframe1{
		width: 100%;
		height: 1170rpx;
		position: relative;
		
		iframe{
			z-index: 1;
			width: 100%;
			height: 1170rpx;
		}
		.iframezzc{
			width: 100%;
			height: 1170rpx;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
			padding-top: 56rpx;
			
			.iframezzcitem{
				width: 100%;
				height: 164rpx;
			}
		}
	}
	.baiping{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #fff;
		z-index: 999;
		
		.baipingbtn{
			margin: 0 auto;
			margin-top: 30rpx;
			text-align: center;
			cursor: pointer;
			padding: 20rpx 30rpx;
			border-radius: 10rpx;
			background-color: #ffb105;
			color: #fff;
		}
	}
</style>